<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .news{
            width: 1000px;
            margin: auto;
        }
        .news p{
            line-height: 35px;
            text-indent: 2em;
        }
        .backTop{
            width: 50px;
            height: 50px;
            background: #000 url("img/up.png") no-repeat center;
            position: fixed;
            right: 50px;
            bottom: 50px;
            cursor: pointer;
            border-radius: 50%;
            display: none;
        }
    </style>
</head>
<body>
<div class="news">
    <h1>深情与你</h1>
    <span>马萌萌<span>
    <p>人生总会有雨天和晴天，但总会雨过天晴的。<br>
        我就象是一把伞，无论雨天还是晴天，都会在你身边。<br>
        如果有一天，当你想起有谁爱过你，那其中一定有我一个。<br>
        如果有一天不再有人爱你了，那一定是我死了。
         <br>  我爱你，不是因为你是一个怎样的人，而是因为我喜欢与你在一起时的感觉。   对于世界而言，你是一个人；但是对于某个人，你是他的整个世界。
        在遇到梦中人之前，上天也许会安排我们先遇到别的人；在我们终于遇见心仪的人时，便应当心存感激。 当你看到这封信的时候，希望能够被我感动。我喜欢你已经很久了,我真的不想失去你，你就是我的幸福。
        　<br>  我也不知道是在什么时候爱上你的，也许是我们接触的时间长了，也许这就是上天给我缘分。我是一个感情很脆弱的人，害怕感情的失败，所以我对自己的感情很慎重，我考虑了很多，但我最后还是可以确定你就是我一直在找的那根肋骨，只有你才能让我完整，拥有你我就不再拥有遗憾。</p>

<div class="backTop"></div>
</body>
<ml>
    <script src="js/jquery-1.10.1.js"></script>
    <script>
        $(function () {
            $(window).scroll(function () {
                var scrollHeight = $(document).scrollTop();
                if(scrollHeight >= 300){
                    $(".backTop").fadeIn();
                }else{
                    $(".backTop").fadeOut();
                }
            })

            $(".backTop").click(function () {
                $("html,body").animate({
                    scrollTop : 0
                },500)
            })
        })
    </script>
